<template>
    <div>
        <div class="tabs">
            <ul>
                <li> <router-link :to="{name:'Home'}" tag="li" active-class="active">
                    <div><img src="./images/home.svg"></div>
                    <div>首页</div>
                </router-link></li>
                <router-link :to="{name:'Explorer'}"tag="li">
                   <div> <img src="./images/category.svg"></div>
                    <div>分类</div>
                </router-link>
                 <router-link :to="{name:'Cart'}"tag="li">
                    <div> <img src="./images/cart.svg"></div>
                     <div>购物车</div>
                 </router-link>
                 <router-link :to="{name:'Me'}"tag="li">
                    <div><img src="./images/me.svg"></div>
                     <div>我</div>
                 </router-link></li></ul>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
    import "./tabs.less"
    export default
    {

    }
</script>